/* pages/electric/index.wxss */
@import "../../static/style/public.less";
.container {
    width: 100vw;
    min-height: 100vh;
    background-size: 100% 100%;

    .content-box {
        width: 100%;
        padding-top: 20rpx;
        border-top-left-radius: 16rpx;
        border-top-right-radius: 16rpx;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

        .content {
            font-size: 24rpx; 
            margin: 0 80rpx;

            .title { 
                display: inline-block; 
                height: 50rpx; 
                padding: 0 30rpx; 
                font-weight: 600; 
                line-height: 45rpx; 
                vertical-align: middle; 
                border: 1rpx solid #333; 
                box-sizing: border-box; 
                border-radius: 12rpx; 
                box-shadow: 2px 2px 2px 0px #f1fbbd; 
                background-color: #fff; 
                z-index: 999; 
            } 
            .data-box { 
                z-index: 1; 
                border-radius: 10rpx; 
                background-color: rgba(217, 234, 199, 0.6); 
                margin-top: -25rpx;/* 上面标题高度的一半 */ 
                padding: 30rpx 10rpx; 

                .devices {
                    max-height: 720rpx;
                    overflow-y: auto;

                    .device_info{
                        margin: 20rpx 0;
                        display: flex;

                        .device_info_label {
                            width: 40%;
                            text-align: right;
                        }
                        .electric_value{
                            font-weight: bold;
                        }
                    }
                }

                .scan-content-item {
                    border: 2rpx solid #34aa3e;
                    border-radius: 10rpx;
                    padding: 5rpx 10rpx;
                    margin: 30rpx;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-size: 24rpx;
        
                    .ico-box {
                        display: flex;
                        image {
                            width: 32rpx;
                            height: 30rpx;
                        }
                        .xl-ico {
                            width: 49rpx;
                            height: 51rpx;
                        }
                        
                    }
        
                    .divider-line {
                        height: 32rpx;
                        width: 2rpx;
                        background-color: #5c8b2d;
                    }
                    .input-div {
                        input {
                            width: 360rpx;
                            background-color: rgba(0, 0, 0, 0.05);
                            border-radius: 10rpx;
                        }
                    }
    
                }

            }

            .divider {
                height: 40rpx;
            }
        }
    }
}